<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>Tables - Ace Admin</title>

<meta name="description" content="Static &amp; Dynamic Tables" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />


<!-- bootstrap & fontawesome -->
<link rel="stylesheet" href="<%=request.getContextPath()%>/static/assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="<%=request.getContextPath()%>/static/assets/css/font-awesome.min.css" />

<!-- page specific plugin styles -->
<link rel="stylesheet" href="<%=request.getContextPath()%>/static/assets/css/jquery-ui.min.css" />

<!-- text fonts -->
<link rel="stylesheet" href="<%=request.getContextPath()%>/static/assets/css/ace-fonts.css" />

<!-- ace styles -->
<link rel="stylesheet" href="<%=request.getContextPath()%>/static/assets/css/ace.min.css" id="main-ace-style" />

<!--[if lte IE 9]>
<link rel="stylesheet" href="<%=request.getContextPath()%>/static/assets/css/ace-part2.min.css" />
		<![endif]-->
<link rel="stylesheet" href="<%=request.getContextPath()%>/static/assets/css/ace-skins.min.css" />
<link rel="stylesheet" href="<%=request.getContextPath()%>/static/assets/css/ace-rtl.min.css" />

<!--[if lte IE 9]>
		  <link rel="stylesheet" href="<%=request.getContextPath()%>/static/assets/css/ace-ie.min.css" />
		<![endif]-->

<!-- inline styles related to this page -->

<!-- ace settings handler -->
<script src="<%=request.getContextPath()%>/static/assets/js/ace-extra.min.js"></script>

<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

<!--[if lte IE 8]>
		<script src="<%=request.getContextPath()%>/static/assets/js/html5shiv.min.js"></script>
		<script src="<%=request.getContextPath()%>/static/assets/js/respond.min.js"></script>
		<![endif]-->

<!-- the following scripts are used in demo only for onpage help and you don't need them -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/static/assets/css/ace.onpage-help.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/static/docs/assets/js/themes/sunburst.css" />
	
<!-- 前台上传框架 -->



<!-- 前台上传框架 -->



<script type="text/javascript">
			
			function updateAjax(sutdentId){
				
				$.ajax({
		             type: 'GET',
		             url: '<%=request.getContextPath()%>/tea/getupdatestu',
		             data: {
		            	 sutdentId:sutdentId
		             },
		             dataType: "json",
		             success: function(data){
		                        // TODO
			                $("#updateuserId").val(data.userId);
		                    $("#updateuserName").val(data.userName);
		                    /* $("#updategender").val(data.gender); */
		                    if(data.gender==0){
		                    	$("input[name='updatesex'][value='0']").attr("checked",true);
				            }else{
				            	$("input[name='updatesex'][value='1']").attr("checked",true);
				            }
				             
		                    $("#datepickerupdate").val(data.strbirthday);
		                    $("#updatetel").val(data.tel);
		                    $("#updateaddress").val(data.address);
		                    
		                    clearError("UpdateError");
		                    $("#updateModal").modal('show');
		             }
					
		             
		             
		             
		         });

			}
			
			function updateNowAjax(){
				clearError("UpdateError");
				
				var userId=$("#updateuserId").val();
				var userName=$("#updateuserName").val();
				var gender=$(".updategender:checked").val();
				var strbirthday=$("#datepickerupdate").val();
				var tel=$("#updatetel").val();
				var address=$("#updateaddress").val(); 
				
				$.ajax({
		             type: 'POST',
		             url: '<%=request.getContextPath()%>/tea/updatestu',
		             data: {
		            	 userId:userId,
		            	 userName:userName,
		            	 gender:gender,
		            	 strbirthday:strbirthday,
		            	 tel:tel,
		            	 address:address
		             },
		             dataType: "json",
		             success: function(data){
			             if(data.success==true){
		                    alert("add successfully");
		                    location.reload(true);
	             		}else if(data.success==false){
		             		//alert("error");
		             		var map=data.errorMessage;
		             		for(var key in map){
		             			alert(key+"=="+map[key]);
		             			$("#"+key+"UpdateError").text(map[key]);
		             		}
	             		}
	              	}
					
		             
		             
		         });

			}
			
			
			function addAjax(){
				clearError("AddError");
				
				
				var userId=$("#adduserId").val();
				var userName=$("#adduserName").val();
				var gender=$(".addgender:checked").val();
				var strbirthday=$("#datepickeradd").val();
				var tel=$("#addtel").val();
				var address=$("#addaddress").val(); 
				
				$.ajax({
		             type: 'POST',
		             url: '<%=request.getContextPath()%>/tea/addStudent',
		             data: {
		            	 userId:userId,
		            	 userName:userName,
		            	 gender:gender,
		            	 strbirthday:strbirthday,
		            	 tel:tel,
		            	 address:address
		             },
		             dataType: "json",
		             success: function(data){
			             if(data.success==true){
		                    alert("添加成功！");
		                    location.reload(true);
	             		}else if(data.success==false){
		             		//alert("error");
		             		var map=data.errorMessage;
		             		for(var key in map){
		             			//alert(key+"=="+map[key]);
		             			$("#"+key+"AddError").text(map[key]);
		             		}
	             		}
	              	}
	              	
	              	
		             
		         });

			}

	
			function ajaxFileUpload(){
				$.ajaxFileUpload({
					url:'<%=request.getContextPath()%>/tea/fileUpload',
					secureuri:false,
					fileElementId:'fileSelect',
					dataType:'json',
					success:function(data){
						if(data.success==true){
							alert("批量添加 成功");
							location.reload(true);
							
						}else if(data.success==false){
							var map=data.errorMessage;
		             		for(var key in map){
		             			alert(key+"-------"+map[key]);
		             		}
		             		//location.reload(true);
		             		//clearFile();
						}
						
					}
				})
			}

			
			
			
			function clearError(type){
				$("."+type).text("");
			}

			function clearAdd(){
				var userId=$("#adduserId").val("");
				var userName=$("#adduserName").val("");
				var gender=$(".addgender:eq(0)").attr("checked",true);
				var strbirthday=$("#datepickeradd").val("");
				var tel=$("#addtel").val("");
				var address=$("#addaddress").val("");
			}

			/* function clearFile(){
				var obj = document.getElementById("updatemodal-print") ; 
				obj.removeChild;
				obj.innerHTML="<input id='fileSelect' name='fileSelect' type='file' />"
				
			} */
		
</script>



</head>

<body class="no-skin">
	<!-- #section:basics/navbar.layout -->
	<div id="navbar" class="navbar navbar-default">
		<script type="text/javascript">
				try{ace.settings.check('navbar' , 'fixed')}catch(e){}
			</script>

		<div class="navbar-container" id="navbar-container">
			<!-- #section:basics/sidebar.mobile.toggle -->
			<button type="button" class="navbar-toggle menu-toggler pull-left"
				id="menu-toggler">
				<span class="sr-only">Toggle sidebar</span> <span class="icon-bar"></span>

				<span class="icon-bar"></span> <span class="icon-bar"></span>
			</button>

			<!-- /section:basics/sidebar.mobile.toggle -->
			<div class="navbar-header pull-left">
				<!-- #section:basics/navbar.layout.brand -->
				<a href="#" class="navbar-brand"> <small> <i
						class="fa fa-leaf"></i> Ace Admin &copy; swind
				</small>
				</a>

				<!-- /section:basics/navbar.layout.brand -->

				<!-- #section:basics/navbar.toggle -->

				<!-- /section:basics/navbar.toggle -->
			</div>

			<!-- #section:basics/navbar.dropdown -->
			<div class="navbar-buttons navbar-header pull-right"
				role="navigation">
				<ul class="nav ace-nav">
					<li class="grey"><a data-toggle="dropdown"
						class="dropdown-toggle" href="#"> <i
							class="ace-icon fa fa-tasks"></i> <span class="badge badge-grey">4</span>
					</a>

						<ul
							class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header"><i class="ace-icon fa fa-check"></i>
								4 Tasks to complete</li>

							<li><a href="#"> <span class="clearfix"> <span
										class="pull-left">Software Update</span> <span
										class="pull-right">65%</span>
								</span> <span class="progress progress-mini"> <span
										style="width: 65%" class="progress-bar"></span>
								</span>
							</a></li>

							<li><a href="#"> <span class="clearfix"> <span
										class="pull-left">Hardware Upgrade</span> <span
										class="pull-right">35%</span>
								</span> <span class="progress progress-mini"> <span
										style="width: 35%" class="progress-bar progress-bar-danger"></span>
								</span>
							</a></li>

							<li><a href="#"> <span class="clearfix"> <span
										class="pull-left">Unit Testing</span> <span class="pull-right">15%</span>
								</span> <span class="progress progress-mini"> <span
										style="width: 15%" class="progress-bar progress-bar-warning"></span>
								</span>
							</a></li>

							<li><a href="#"> <span class="clearfix"> <span
										class="pull-left">Bug Fixes</span> <span class="pull-right">90%</span>
								</span> <span class="progress progress-mini progress-striped active">
										<span style="width: 90%"
										class="progress-bar progress-bar-success"></span>
								</span>
							</a></li>

							<li class="dropdown-footer"><a href="#"> See tasks with
									details <i class="ace-icon fa fa-arrow-right"></i>
							</a></li>
						</ul></li>

					<li class="purple"><a data-toggle="dropdown"
						class="dropdown-toggle" href="#"> <i
							class="ace-icon fa fa-bell icon-animated-bell"></i> <span
							class="badge badge-important">8</span>
					</a>

						<ul
							class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header"><i
								class="ace-icon fa fa-exclamation-triangle"></i> 8 Notifications
							</li>

							<li><a href="#"> <span class="clearfix"> <span
										class="pull-left"> <i
											class="btn btn-xs no-hover btn-pink fa fa-comment"></i> New
											Comments
									</span> <span class="pull-right badge badge-info">+12</span>
								</span>
							</a></li>

							<li><a href="#"> <i
									class="btn btn-xs btn-primary fa fa-user"></i> Bob just signed
									up as an editor ...
							</a></li>

							<li><a href="#"> <span class="clearfix"> <span
										class="pull-left"> <i
											class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>
											New Orders
									</span> <span class="pull-right badge badge-success">+8</span>
								</span>
							</a></li>

							<li><a href="#"> <span class="clearfix"> <span
										class="pull-left"> <i
											class="btn btn-xs no-hover btn-info fa fa-twitter"></i>
											Followers
									</span> <span class="pull-right badge badge-info">+11</span>
								</span>
							</a></li>

							<li class="dropdown-footer"><a href="#"> See all
									notifications <i class="ace-icon fa fa-arrow-right"></i>
							</a></li>
						</ul></li>

					<li class="green"><a data-toggle="dropdown"
						class="dropdown-toggle" href="#"> <i
							class="ace-icon fa fa-envelope icon-animated-vertical"></i> <span
							class="badge badge-success">5</span>
					</a>

						<ul
							class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header"><i
								class="ace-icon fa fa-envelope-o"></i> 5 Messages</li>

							<li class="dropdown-content">
								<ul class="dropdown-menu dropdown-navbar">
									<li><a href="#"> <img
											src="<%=request.getContextPath()%>/static/assets/avatars/avatar.png"
											class="msg-photo" alt="Alex's Avatar" /> <span
											class="msg-body"> <span class="msg-title"> <span
													class="blue">Alex:</span> Ciao sociis natoque penatibus et
													auctor ...
											</span> <span class="msg-time"> <i
													class="ace-icon fa fa-clock-o"></i> <span>a moment
														ago</span>
											</span>
										</span>
									</a></li>

									<li><a href="#"> <img
											src="<%=request.getContextPath()%>/static/assets/avatars/avatar3.png"
											class="msg-photo" alt="Susan's Avatar" /> <span
											class="msg-body"> <span class="msg-title"> <span
													class="blue">Susan:</span> Vestibulum id ligula porta felis
													euismod ...
											</span> <span class="msg-time"> <i
													class="ace-icon fa fa-clock-o"></i> <span>20 minutes
														ago</span>
											</span>
										</span>
									</a></li>

									<li><a href="#"> <img
											src="<%=request.getContextPath()%>/static/assets/avatars/avatar4.png"
											class="msg-photo" alt="Bob's Avatar" /> <span
											class="msg-body"> <span class="msg-title"> <span
													class="blue">Bob:</span> Nullam quis risus eget urna mollis
													ornare ...
											</span> <span class="msg-time"> <i
													class="ace-icon fa fa-clock-o"></i> <span>3:15 pm</span>
											</span>
										</span>
									</a></li>

									<li><a href="#"> <img
											src="<%=request.getContextPath()%>/static/assets/avatars/avatar2.png"
											class="msg-photo" alt="Kate's Avatar" /> <span
											class="msg-body"> <span class="msg-title"> <span
													class="blue">Kate:</span> Ciao sociis natoque eget urna
													mollis ornare ...
											</span> <span class="msg-time"> <i
													class="ace-icon fa fa-clock-o"></i> <span>1:33 pm</span>
											</span>
										</span>
									</a></li>

									<li><a href="#"> <img
											src="<%=request.getContextPath()%>/static/assets/avatars/avatar5.png"
											class="msg-photo" alt="Fred's Avatar" /> <span
											class="msg-body"> <span class="msg-title"> <span
													class="blue">Fred:</span> Vestibulum id penatibus et auctor
													...
											</span> <span class="msg-time"> <i
													class="ace-icon fa fa-clock-o"></i> <span>10:09 am</span>
											</span>
										</span>
									</a></li>
								</ul>
							</li>

							<li class="dropdown-footer"><a href="inbox.html"> See
									all messages <i class="ace-icon fa fa-arrow-right"></i>
							</a></li>
						</ul></li>

					<!-- #section:basics/navbar.user_menu -->
					<li class="light-blue"><a data-toggle="dropdown" href="#"
						class="dropdown-toggle"> <img class="nav-user-photo"
							src="<%=request.getContextPath()%>/static/assets/avatars/user.jpg"
							alt="Jason's Photo" /> <span class="user-info"> <small>Welcome,</small>
								${sessionScope.user.userName}
						</span> <i class="ace-icon fa fa-caret-down"></i>
					</a>

						<ul
							class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
							<li><a href="#"> <i class="ace-icon fa fa-cog"></i>
									Settings
							</a></li>

							<li><a href="profile.html"> <i
									class="ace-icon fa fa-user"></i> Profile
							</a></li>

							<li class="divider"></li>

							<li><a href="<%=request.getContextPath()%>/login/logout">
									<i class="ace-icon fa fa-power-off"></i> Logout
							</a></li>
						</ul></li>

					<!-- /section:basics/navbar.user_menu -->
				</ul>
			</div>

			<!-- /section:basics/navbar.dropdown -->
		</div>
		<!-- /.navbar-container -->
	</div>

	<!-- /section:basics/navbar.layout -->
	<div class="main-container" id="main-container">
		<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

		<!-- #section:basics/sidebar -->
		<div id="sidebar" class="sidebar                  responsive">
			<script type="text/javascript">
					try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
				</script>

			<div class="sidebar-shortcuts" id="sidebar-shortcuts">
				<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
					<button class="btn btn-success">
						<i class="ace-icon fa fa-signal"></i>
					</button>

					<button class="btn btn-info">
						<i class="ace-icon fa fa-pencil"></i>
					</button>

					<!-- #section:basics/sidebar.layout.shortcuts -->
					<button class="btn btn-warning">
						<i class="ace-icon fa fa-users"></i>
					</button>

					<button class="btn btn-danger">
						<i class="ace-icon fa fa-cogs"></i>
					</button>

					<!-- /section:basics/sidebar.layout.shortcuts -->
				</div>

				<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
					<span class="btn btn-success"></span> <span class="btn btn-info"></span>

					<span class="btn btn-warning"></span> <span class="btn btn-danger"></span>
				</div>
			</div>
			<!-- /.sidebar-shortcuts -->

			<ul class="nav nav-list">
				<li class=""><a
					href="<%=request.getContextPath()%>/login/index"> <i
						class="menu-icon fa fa-tachometer"></i> <span class="menu-text">
							Dashboard </span>
				</a> <b class="arrow"></b></li>

				<c:choose>
					<c:when test="${role.roleId == 26}">

						<li class="active"><a href="#" class="dropdown-toggle"> <i
								class="menu-icon fa fa-pencil-square-o"></i> <span
								class="menu-text"> teacher(Role) </span> <b
								class="arrow fa fa-angle-down"></b>
						</a> <b class="arrow"></b>

							<ul class="submenu">
								<li class=""><a
									href="<%=request.getContextPath()%>/tea/subshow"> <i
										class="menu-icon fa fa-caret-right"></i> Subjects
								</a> <b class="arrow"></b></li>

								<li class=""><a
									href="<%=request.getContextPath()%>/tea/queryScore"> <i
										class="menu-icon fa fa-caret-right"></i> query Score
								</a> <b class="arrow"></b></li>

								<li class=""><a href="<%=request.getContextPath()%>/tea/listStudent"> <i
										class="menu-icon fa fa-caret-right"></i> modify Student
								</a> <b class="arrow"></b></li>

								<li class=""><a href="<%=request.getContextPath()%>/tea/toManageTest"> <i
										class="menu-icon fa fa-caret-right"></i> manage test
										</a> <b class="arrow"></b></li>
							</ul></li>

					</c:when>
				</c:choose>



			</ul>
			<!-- /.nav-list -->

			<!-- #section:basics/sidebar.layout.minimize -->
			<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
				<i class="ace-icon fa fa-angle-double-left"
					data-icon1="ace-icon fa fa-angle-double-left"
					data-icon2="ace-icon fa fa-angle-double-right"></i>
			</div>

			<!-- /section:basics/sidebar.layout.minimize -->
			<script type="text/javascript">
					try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
				</script>
		</div>

		<!-- /section:basics/sidebar -->
		<div class="main-content">
			
			<!-- /section:basics/content.breadcrumbs -->
			<div class="page-content">
				<!-- #section:settings.box -->
				<div class="ace-settings-container" id="ace-settings-container">
					<div class="btn btn-app btn-xs btn-warning ace-settings-btn"
						id="ace-settings-btn">
						<i class="ace-icon fa fa-cog bigger-150"></i>
					</div>

					<div class="ace-settings-box clearfix" id="ace-settings-box">
						<div class="pull-left width-50">
							<!-- #section:settings.skins -->
							<div class="ace-settings-item">
								<div class="pull-left">
									<select id="skin-colorpicker" class="hide">
										<option data-skin="no-skin" value="#438EB9">#438EB9</option>
										<option data-skin="skin-1" value="#222A2D">#222A2D</option>
										<option data-skin="skin-2" value="#C6487E">#C6487E</option>
										<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
									</select>
								</div>
								<span>&nbsp; Choose Skin</span>
							</div>

							<!-- /section:settings.skins -->

							<!-- #section:settings.navbar -->
							<div class="ace-settings-item">
								<input type="checkbox" class="ace ace-checkbox-2"
									id="ace-settings-navbar" /> <label class="lbl"
									for="ace-settings-navbar"> Fixed Navbar</label>
							</div>

							<!-- /section:settings.navbar -->

							<!-- #section:settings.sidebar -->
							<div class="ace-settings-item">
								<input type="checkbox" class="ace ace-checkbox-2"
									id="ace-settings-sidebar" /> <label class="lbl"
									for="ace-settings-sidebar"> Fixed Sidebar</label>
							</div>

							<!-- /section:settings.sidebar -->

							<!-- #section:settings.breadcrumbs -->
							<div class="ace-settings-item">
								<input type="checkbox" class="ace ace-checkbox-2"
									id="ace-settings-breadcrumbs" /> <label class="lbl"
									for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
							</div>

							<!-- /section:settings.breadcrumbs -->

							<!-- #section:settings.rtl -->
							<div class="ace-settings-item">
								<input type="checkbox" class="ace ace-checkbox-2"
									id="ace-settings-rtl" /> <label class="lbl"
									for="ace-settings-rtl"> Right To Left (rtl)</label>
							</div>

							<!-- /section:settings.rtl -->

							<!-- #section:settings.container -->
							<div class="ace-settings-item">
								<input type="checkbox" class="ace ace-checkbox-2"
									id="ace-settings-add-container" /> <label class="lbl"
									for="ace-settings-add-container"> Inside <b>.container</b>
								</label>
							</div>

							<!-- /section:settings.container -->
						</div>
						<!-- /.pull-left -->

						<div class="pull-left width-50">
							<!-- #section:basics/sidebar.options -->
							<div class="ace-settings-item">
								<input type="checkbox" class="ace ace-checkbox-2"
									id="ace-settings-hover" /> <label class="lbl"
									for="ace-settings-hover"> Submenu on Hover</label>
							</div>

							<div class="ace-settings-item">
								<input type="checkbox" class="ace ace-checkbox-2"
									id="ace-settings-compact" /> <label class="lbl"
									for="ace-settings-compact"> Compact Sidebar</label>
							</div>

							<div class="ace-settings-item">
								<input type="checkbox" class="ace ace-checkbox-2"
									id="ace-settings-highlight" /> <label class="lbl"
									for="ace-settings-highlight"> Alt. Active Item</label>
							</div>

							<!-- /section:basics/sidebar.options -->
						</div>
						<!-- /.pull-left -->
					</div>
					<!-- /.ace-settings-box -->
				</div>
				<!-- /.ace-settings-container -->

				<!-- /section:settings.box -->
				<div class="page-content-area">
					<div class="page-header">
						<h1>
							管理学生信息
						</h1>
					</div>
					<!-- /.page-header -->




					<div class="row">
						<div class="col-xs-12">
							<!-- PAGE CONTENT BEGINS -->
							<div class="row">
								<div class="col-xs-12">
										
										<button onclick="clearAdd();clearError('AddError')" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#addModal">Add Student</button>
										
										
										<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#fileUploadModal">批量添加学生</button>
										
										<a href="<%=request.getContextPath()%>/static/jqprint/ExcelFormat.xlsx"  class="btn btn-primary btn-lg">点击下载批量格式文件</a>
										<br><br>

																			
										<table id="sample-table-1" class="table table-striped table-bordered table-hover">
											<thead>
												<tr>
													<th>学号</th>
													<th>姓名</th>
													<th>性别</th>
													<th>出生年月</th>
													<th>电话</th>
													<th>住址</th>
													<th>操作</th>
												</tr>
											</thead>

											<tbody>
												<c:forEach items="${stuVoList}" var="stuVo"> 
													<tr>
														<td>${stuVo.userId}</td>
														<td>${stuVo.userName}</td>
														<c:choose>
															<c:when test="${stuVo.gender == 0}">
															<td>男</td>
															</c:when>
															<c:otherwise>
															<td>女</td>
															</c:otherwise>
														</c:choose>
														
														<td>${stuVo.strbirthday}</td>
														<td>${stuVo.tel}</td>
														<td>${stuVo.address}</td>
														
														<td>
															<a onclick="updateAjax('${stuVo.userId}')" class="btn btn-warning btn-xs">
																<i class="ace-icon fa fa-wrench  bigger-110 icon-only"></i>
															</a>
															
															<a onclick="return confirm('确认删除？')" href="<%=request.getContextPath()%>/tea/deleteStu?stuId=${stuVo.userId}"  class="btn btn-danger btn-xs">
																<i class="ace-icon glyphicon glyphicon-remove"></i>
															</a>
												
															
														</td>
														  
													</tr>
												</c:forEach>
											</tbody>
											
										</table>
										
									</div>
									
									
									
									
								</div>
								<!-- /.span -->
							</div>
							<!-- /.row -->

						
							<!-- Bootstrap模态框 -->
								
									<!-- <h2>创建模态框（Modal）</h2>
									按钮触发模态框
									<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#addModal">开始演示模态框</button> -->
									
									<!-- add 模态框（Modal） -->
									<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
									    <div class="modal-dialog">
									        <div class="modal-content">
									            <div class="modal-header">
									                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
									                <h4 class="modal-title" id="myModalLabel">add......</h4>
									            </div>
									            <%-- <form:form commandName="addSubject" id="addform" action="add" method="post"> --%>
										            <div id="addmodal-print" class="modal-body">
										            
										            	
										            		<p><label> 学号 : </label>&nbsp<input id="adduserId" name="" />&nbsp<label class="AddError" id="userIdAddError"></label></p>
										            		<p><label> 姓名 : </label>&nbsp<input id="adduserName" name="" />&nbsp<label class="AddError" id="userNameAddError"></label></p>
										            		<!-- <p><label> 性别 : </label>&nbsp<input id="addgender" name="" />&nbsp<label class="AddError" id="genderAddError"></label></p> -->
										            		<p><label> 性别 : </label>&nbsp<input class="addgender" value="0" type="radio" name="addsex"/>男&nbsp<input class="addgender" value="1" type="radio" name="addsex"/>女&nbsp<label class="AddError" id="genderAddError"></label></p>
										            		
										            		<p><label> 出生年月 : </label>&nbsp<input id="datepickeradd" name="" />&nbsp<label class="AddError" id="strbirthdayAddError"></label></p>
										            		<p><label> 电话 : </label>&nbsp<input id="addtel" name=""  />&nbsp<label class="AddError" id="telAddError"></label></p>
										            		<p><label> 住址 : </label>&nbsp<input id="addaddress" name=""  />&nbsp<label class="AddError" id="addressAddError"></label></p>
										            		
										            		<!-- <p><label> : </label>
																<input id="addStatus" name="status" type="checkbox" class="ace ace-switch ace-switch-5" />
																<span class="lbl middle"></span>
															</p> -->
										            	
										            		
										            </div>
										            <div class="modal-footer">
										            
										            	<button onclick="addAjax()" type="button" class="btn btn-primary">增加</button>
										            	<button  onclick="addprint()" type="button" class="btn btn-primary">打印</button>
										                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
										       
										            </div>
									            <%-- </form:form> --%>
									        </div><!-- /.modal-content -->
									    </div><!-- /.modal -->
									</div>	
									
									<!-- update 模态框（Modal） -->
									<div class="modal fade" id="updateModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
									    <div class="modal-dialog">
									        <div class="modal-content">
									            <div class="modal-header">
									                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
									                <h4 class="modal-title" id="myModalLabel">update......</h4>
									            </div>
									      <!-- 模态框内容 -->
									      		<%-- <form id="updateform" action="<%=request.getContextPath()%>/tea/update" method="post"> --%>
										            <div id="updatemodal-print" class="modal-body">
										            
										            		<p><label>学号 :</label>&nbsp<input id="updateuserId" name="" />&nbsp<label class="UpdateError" id="userIdUpdateError"></label></p>
										            		<p><label>姓名 :</label>&nbsp<input id="updateuserName" name="" />&nbsp<label class="UpdateError" id="userNameUpdateError"></label></p>
										            		<!-- <p><label>性别 :</label>&nbsp<input id="updategender" name="" />&nbsp<label class="UpdateError" id="genderUpdateError"></label></p> -->
										            		<p><label> 性别 : </label>&nbsp<input class="updategender" value="0" type="radio" name="updatesex"/>男&nbsp<input class="updategender" value="1" type="radio" name="updatesex"/>女&nbsp<label class="AddError" id="genderAddError"></label></p>
										            		<p><label>出生年月 :</label>&nbsp<input id="datepickerupdate" name="" />&nbsp<label class="UpdateError" id="strbirthdayUpdateError"></label></p>
										            		<p><label>电话 :</label>&nbsp<input id="updatetel" name=""  />&nbsp<label class="UpdateError" id="telUpdateError"></label></p>
										            		<p><label>住址 :</label>&nbsp<input id="updateaddress" name=""  />&nbsp<label class="UpdateError" id="addressUpdateError"></label></p>
															
										            </div>
										            <div class="modal-footer">
										            
										            	<button onclick="updateNowAjax()" type="button" class="btn btn-primary">修改</button>
										            	<button  onclick="updateprint()" type="button" class="btn btn-primary">打印</button>
										                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
										                
										            </div>
									            <%-- </form> --%>
									        </div><!-- /.modal-content -->
									    </div><!-- /.modal -->
									</div>			
									
									
									
									<!-- fileUpload 模态框（Modal） -->
									<div class="modal fade" id="fileUploadModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
									    <div class="modal-dialog">
									        <div class="modal-content">
									            <div class="modal-header">
									                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
									                <h4 class="modal-title" id="myModalLabel">fileUpload......</h4>
									            </div>
									      <!-- 模态框内容 -->
									      	
										            <div id="updatemodal-print" class="modal-body">
										            
										            		<input style="height: 30px;" id="fileSelect" name="fileSelect" type="file" multiple="multiple"/>
										            		
													</div>
										            
										            
										            
										            <div class="modal-footer">
										            
										            	<button onclick="ajaxFileUpload()" type="button" class="btn btn-primary">上传</button>
										            	
										                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
										                
										            </div>
									          
									        </div><!-- /.modal-content -->
									    </div><!-- /.modal -->
									</div>			
									
									
									
								<!-- Bootstrap模态框 -->
								
							
						

						</div>
						<!-- /.row -->
					</div>
					<!-- /.page-content-area -->
				</div>
				<!-- /.page-content -->
			</div>
			<!-- /.main-content -->

			<div class="footer">
				<div class="footer-inner">
					<!-- #section:basics/footer -->
					<div class="footer-content">
						<span class="bigger-120"> <span class="blue bolder">Ace</span>
							Application &copy; 2013-2014
						</span> &nbsp; &nbsp; <span class="action-buttons"> <a href="#">
								<i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
						</a> <a href="#"> <i
								class="ace-icon fa fa-facebook-square text-primary bigger-150"></i>
						</a> <a href="#"> <i
								class="ace-icon fa fa-rss-square orange bigger-150"></i>
						</a>
						</span>
					</div>

					<!-- /section:basics/footer -->
				</div>
			</div>

			<a href="#" id="btn-scroll-up"
				class="btn-scroll-up btn btn-sm btn-inverse"> <i
				class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div>
		<!-- /.main-container -->

	

	<!-- basic scripts -->

	<!--[if !IE]> -->
	<script type="text/javascript">
			window.jQuery || document.write("<script src='<%=request.getContextPath()%>/static/assets/js/jquery.min.js'>"+"<"+"/script>");
		</script>


	<!-- jqprint -->
	<script
		src="<%=request.getContextPath()%>/static/jqprint/jquery-migrate-1.4.1.min.js"></script>
	<%-- <script src="<%=request.getContextPath()%>/static/jqprint/jquery-1.4.4.min.js"></script> --%>
	<script
		src="<%=request.getContextPath()%>/static/jqprint/jquery.jqprint-0.3.js"></script>


	<!-- <![endif]-->

	<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='<%=request.getContextPath()%>/static/assets/js/jquery1x.min.js'>"+"<"+"/script>");
</script>
<![endif]-->
	<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='<%=request.getContextPath()%>/static/assets/js/jquery.mobile.custom.min.js'>"+ "<"+"/script>");
	</script>
	<script
		src="<%=request.getContextPath()%>/static/assets/js/bootstrap.min.js"></script>

	<!-- page specific plugin scripts -->
	<script
		src="<%=request.getContextPath()%>/static/assets/js/jquery.dataTables.min.js"></script>
	<script
		src="<%=request.getContextPath()%>/static/assets/js/jquery.dataTables.bootstrap.js"></script>

	<!-- ace scripts -->
	<script
		src="<%=request.getContextPath()%>/static/assets/js/ace-elements.min.js"></script>
	<script src="<%=request.getContextPath()%>/static/assets/js/ace.min.js"></script>

	<!-- inline scripts related to this page -->
	<script type="text/javascript">
		jQuery(function($) {
			$( "#datepickeradd,#datepickerupdate" ).datepicker({
				//format:"yyyy-mm-dd",
				showOtherMonths: true,
				selectOtherMonths: false,
				//isRTL:true,
		
				
				/*
				changeMonth: true,
				changeYear: true,
				
				showButtonPanel: true,
				beforeShow: function() {
					//change button colors
					var datepicker = $(this).datepicker( "widget" );
					setTimeout(function(){
						var buttons = datepicker.find('.ui-datepicker-buttonpane')
						.find('button');
						buttons.eq(0).addClass('btn btn-xs');
						buttons.eq(1).addClass('btn btn-xs btn-success');
						buttons.wrapInner('<span class="bigger-110" />');
					}, 0);
				}
		*/
			});
			
			
			var oTable1 = $('#sample-table-2')
			//.wrap("<div class='dataTables_borderWrap' />")   //if you are applying horizontal scrolling (sScrollX)
			.dataTable({
				bAutoWidth : false,
				"aoColumns" : [ {
					"bSortable" : false
				}, null, null, null, null, null, {
					"bSortable" : false
				} ],
				"aaSorting" : [],

			//,
			//"sScrollY": "200px",
			//"bPaginate": false,

			//"sScrollX": "100%",
			//"sScrollXInner": "120%",
			//"bScrollCollapse": true,
			//Note: if you are applying horizontal scrolling (sScrollX) on a ".table-bordered"
			//you may want to wrap the table inside a "div.dataTables_borderWrap" element

			//"iDisplayLength": 50
			});
			/**
			var tableTools = new $.fn.dataTable.TableTools( oTable1, {
				"sSwfPath": "
	<%=request.getContextPath()%>
		/static/
	<%=request.getContextPath()%>
		/static/copy_csv_xls_pdf.swf",
			    "buttons": [
			        "copy",
			        "csv",
			        "xls",
					"pdf",
			        "print"
			    ]
			} );
			$( tableTools.fnContainer() ).insertBefore('#sample-table-2');
			 */

			$(document).on(
					'click',
					'th input:checkbox',
					function() {
						var that = this;
						$(this).closest('table').find(
								'tr > td:first-child input:checkbox').each(
								function() {
									this.checked = that.checked;
									$(this).closest('tr').toggleClass(
											'selected');
								});
					});

			$('[data-rel="tooltip"]').tooltip({
				placement : tooltip_placement
			});
			function tooltip_placement(context, source) {
				var $source = $(source);
				var $parent = $source.closest('table')
				var off1 = $parent.offset();
				var w1 = $parent.width();

				var off2 = $source.offset();
				//var w2 = $source.width();

				if (parseInt(off2.left) < parseInt(off1.left)
						+ parseInt(w1 / 2))
					return 'right';
				return 'left';
			}

			
			

		})
		
	</script>
	

	
	

	<%-- <!-- the following scripts are used in demo only for onpage help and you don't need them -->
		<link rel="stylesheet" href="<%=request.getContextPath()%>/static/assets/css/ace.onpage-help.css" />
		<link rel="stylesheet" href="<%=request.getContextPath()%>/static/docs/assets/js/themes/sunburst.css" /> --%>

	<script type="text/javascript">ace.vars['base'] = '..';</script>
	<script src="<%=request.getContextPath()%>/static/assets/js/jquery-ui.min.js"></script>
	<script src="<%=request.getContextPath()%>/static/assets/js/ace/elements.onpage-help.js"></script>
	<script src="<%=request.getContextPath()%>/static/assets/js/ace/ace.onpage-help.js"></script>
	<script src="<%=request.getContextPath()%>/static/docs/assets/js/rainbow.js"></script>
	<script src="<%=request.getContextPath()%>/static/docs/assets/js/language/generic.js"></script>
	<script src="<%=request.getContextPath()%>/static/docs/assets/js/language/html.js"></script>
	<script src="<%=request.getContextPath()%>/static/docs/assets/js/language/css.js"></script>
	<script src="<%=request.getContextPath()%>/static/docs/assets/js/language/javascript.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/static/fileUpload/ajaxfileupload.js"></script>
	
		

	</body>
</html>